<template>
  <div class="mume markdown-preview">
    <h1 class="mume-header">SaaS DreamWorks 隐私声明</h1>

    <blockquote>
      <p>SaaS DreamWorks 隐私声明解释了 SaaS DreamWorks 收集的个人数据以及公司如何使用这些数据。</p>
    </blockquote>
    <h2 class="mume-header">我们收集的个人数据</h2>

    <p>
      SaaS DreamWorks 会收集你向我们提供的数据、你与 SaaS DreamWorks
      之间的互动数据以及产品使用数据。
      部分数据由你直接提供，其他数据则由我们通过你与产品的交互以及对产品的使用和体验收集而来。
      我们收集的数据取决于你与 SaaS DreamWorks
      互动的环境、你所做的选择，包括你的隐私设置以及你所使用的产品和功能。
      我们还从第三方获取有关你的数据。
    </p>
    <p>
      对于你使用的技术和共享的数据，你可以做出不同的选择。 当我们请求你提供个人数据时，你可以拒绝。
      我们的很多产品都需要你提供某些个人数据，以便向你提供服务。
      如果你选择不提供某个产品或功能所需的数据，则无法使用该产品或功能。
      同样，如果我们需要依法收集个人数据，或者需要与你签订合同或对你履行合同，但你没有提供数据，那么我们将无法签订合同；或者如果这涉及到你正在使用的现有产品，那么我们可能必须暂停或取消你的使用权。
      如果属于上述情况，我们将通知你。
      在不强制要求提供数据的情况下，如果你选择不共享个人数据，那么你将无法使用需要提供此类数据的功能（如个性化功能）。
    </p>
    <h2 class="mume-header">我们如何使用个人数据</h2>

    <p>SaaS DreamWorks 使用我们收集的数据为你提供丰富的交互式体验。 我们使用数据的典型目的包括：</p>
    <ul>
      <li>
        提供我们的产品，包括进行更新、保护和疑难解答，以及提供支持。
        在需要使用数据来提供服务或执行你请求的交易时，还包括共享数据。
      </li>
      <li>改进和开发我们的产品。</li>
      <li>个性化我们的产品并提出建议。</li>
      <li>向你进行广告和营销，其中包括发送促销信息、进行定向广告以及为你提供相关优惠。</li>
    </ul>
    <p>
      我们还使用数据来运营业务，其中包括分析我们的绩效、遵守法律义务、壮大员工队伍以及进行调查。
    </p>
    <p>
      为了实现这些目标，我们会合并从不同环境中（例如在使用两个 SaaS DreamWorks
      使用我们收集的数据为你提供丰富的交互式体验。 我们使用数据的典型目的包括：<br />
      产品的过程中）收集或从第三方获取的数据，以便为你提供更加无缝、一致和个性化的体验，做出明智的业务决策，以及实现其他合法目的。
    </p>
    <p>为实现这些目标而进行的个人数据处理包括自动和手动（人工）处理方法。</p>
    <h2 class="mume-header">我们共享个人数据的原因</h2>

    <p>
      我们在征得你同意后，或以完成某些交易/提供你请求或授权的产品为前提，共享你的个人数据。
      以下情况下，我们也会向 Microsoft
      控股的分公司和子公司；代表我们的供应商共享或披露信息；法律要求时或为了响应法律程序时；保护我们的客户；保护生命；维护我们产品的安全；保护
      Microsoft 及其客户的权利和财产。
    </p>
    <h2 class="mume-header">Cookie 和类似技术</h2>

    <p>
      Cookie 是放置在设备上的小型文本文件，用于存储数据，域中放置 Cookie 的 Web
      服务器可以调用这些数据。 我们使用 Cookie
      和类似技术来存储和遵守你的偏好和设置、使你能够登录、提供基于兴趣的广告、打击欺诈行为、分析我们产品的性能以及实现其他合法目的。
    </p>
    <p>
      我们也使用 “Web 信号” 帮助提供 Cookie 和收集用法和性能数据。
      我们的网站可能包含来自第三方服务提供商的 Web 信号、Cookie 或类似技术。
    </p>
    <p>
      你有各种用于控制 Cookie、Web 信号和类似技术所收集的数据的工具。 例如，你可以使用 Internet
      浏览器中的控件来限制你所访问的网站可如何使用 Cookie，并通过清除或阻止 Cookie 来撤消同意。
    </p>
    <h2 class="mume-header">我们如何共享、转让、公开披露您的用户信息</h2>

    <h3 class="mume-header" id="%E5%85%B1%E4%BA%AB">共享</h3>

    <p>我们不会与其他的任何公司、组织和个人分享您的用户信息，但以下情况除外：</p>
    <ul>
      <li>在获取明确同意的情况下共享：获得您的明确同意后，我们会与其他方共享您的用户信息。</li>
      <li>我们可能会根据法律法规规定，或按政府主管部门的强制性要求，对外共享您的用户信息。</li>
      <li>
        与我们的关联公司共享：您的用户信息可能会与我们的关联公司共享。我们只会共享必要的用户信息，且受本隐私政策中所声明目的的约束。关联公司如要改变用户信息的处理目的，将再次征求您的授权同意。
      </li>
      <li>
        与授权合作伙伴共享：仅为实现本政策中声明的目的，我们的某些服务将由授权合作伙伴提供。我们可能会与合作伙伴共享您的某些用户信息，以提供更好的客户服务和用户体验。
        我们仅会出于合法、正当、必要、特定、明确的目的共享您的用户信息，并且只会共享提供服务所必要的用户信息。为了更好运营和改善技术和服务，您同意我们和授权合作伙伴在符合相关法律法规的前提下可将收集的信息用于其他服务和用途。
      </li>
    </ul>
    <h3 class="mume-header">转让</h3>

    <p>我们不会将您的用户信息转让给任何公司、组织和个人，但以下情况除外：</p>
    <ul>
      <li>在获取明确同意的情况下转让：获得您的明确同意后，我们会向其他方转让您的用户信息；</li>
      <li>
        在涉及合并、收购或破产清算时，如涉及到用户信息转让，我们会再要求新的持有您用户信息的公司、组织继续受此隐私政策的约束，否则我们将要求该公司、组织重新向您征求授权同意。
      </li>
    </ul>
    <h3 class="mume-header">公开披露</h3>

    <p>我们仅会在以下情况下，公开披露您的用户信息：</p>
    <ul>
      <li>获得您明确同意后；</li>
      <li>
        基于法律的披露：在法律、法律程序、诉讼或政府主管部门强制性要求的情况下，我们可能会公开披露您的用户信息。
      </li>
    </ul>
    <h3 class="mume-header">共享、转让、公开披露信息时事先征得授权同意的例外</h3>

    <p>
      请您理解，根据法律法规及相关国家标准，以下情形中，我们共享、转让、公开披露您的用户信息无需征得您的授权同意：
    </p>
    <ul>
      <li>与国家安全、国防安全直接相关的；</li>
      <li>与公共安全、公共卫生、重大公共利益直接相关的；</li>
      <li>与犯罪侦查、起诉、审判和判决执行等直接相关的；</li>
      <li>出于维护您或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；</li>
      <li>您自行向社会公众公开的信息；</li>
      <li>从合法公开披露的信息中收集的，如合法的新闻报道、政府信息公开等渠道。</li>
    </ul>
    <h2 class="mume-header">我们如何保护您的用户信息</h2>

    <ul>
      <li>
        我们已使用符合业界标准的安全防护措施保护您提供的用户信息，防止数据遭到未经授权的访问、公开披露、使用、修改、损坏或丢失。我们会采取一切合理可行的措施，保护您的用户信息。例如，在您的浏览器与“服务”之间交换数据时受
        SSL 加密保护；我们同时对网站提供 https
        安全浏览方式；我们会使用加密技术确保数据的保密性；我们会使用受信赖的保护机制防止数据遭到恶意攻击；
        我们会部署访问控制机制，确保只有授权人员才可访问用户信息；以及我们会举办安全和隐私保护培训课程，加强员工对于保护用户信息重要性的认识。
      </li>
      <li>
        我们会采取一切合理可行的措施，确保未收集无关的用户信息。我们只会在达成本政策所述目的所需的期限内保留您的用户信息，除非需要延长保留期或受到法律的允许。
      </li>
      <li>
        互联网并非绝对安全的环境，而且电子邮件、即时通讯、及与其他用户的交流方式并未加密，我们强烈建议您不要通过此类方式发送用户信息。
      </li>
      <li>
        互联网环境并非百分之百安全，我们将尽力确保您发送给我们的任何信息的安全性。
        即使我们做出了很大努力，采取了一切合理且必要的措施，仍然有可能无法杜绝您的用户信息被非法访问、被非法盗取，被非法篡改或毁坏，导致您的合法权益受损，请您理解信息网络的上述风险并自愿承担。
      </li>
      <li>
        在不幸发生用户信息安全事件后，我们将按照法律法规的要求，及时向您告知：安全事件的基本情况和可能的影响、我们已采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施等。
        我们将及时将事件相关情况以邮件、信函、电话、推送通知等方式告知您，难以逐一告知用户信息主体时，我们会采取合理、有效的方式发布公告。
        同时，我们还将按照监管部门要求，主动上报用户信息安全事件的处置情况。
      </li>
    </ul>
    <h2 class="mume-header">我们如何处理儿童的个人信息</h2>

    <p>
      我们非常重视儿童个人信息的保护，我们的产品、网站和服务主要面向成人。如果没有父母或监护人的同意，儿童不应创建自己的用户账户。尽管当地法律和习俗对儿童的定义不同，但我们将不满
      14 周岁的任何人均视为儿童。<br />
      对于经父母或监护人同意而收集儿童用户信息的情况，我们只会在受到法律允许、父母或监护人明确同意或者保护儿童所必要的情况下储存、使用或公开披露此信息，否则我们会设法尽快删除相关数据。<br />
      鉴于现有技术和业务模式的限制，我们很难主动识别儿童的个人信息，
      如果您发现我们在不知情的情况下或在未事先获得可证实的监护人同意的情况下收集了儿童的个人信息，您可以及时联系我们，我们将在发现后设法及时删除，如果我们自己发现前述情形的，我们也会及时删除，法律要求我们保留的除外。
    </p>
    <h2 class="mume-header" id="%E6%9C%AC%E6%94%BF%E7%AD%96%E5%A6%82%E4%BD%95%E6%9B%B4%E6%96%B0">
      本政策如何更新
    </h2>

    <p>
      我们的隐私政策可能变更。未经您明确同意，我们不会削减您按照本隐私政策所应享有的权利。我们会在本页面上发布对本政策所做的任何变更。<br />
      对于重大变更，我们还会提供更为显著的通知。本政策所指的重大变更包括但不限于：
    </p>
    <ul>
      <li>
        我们的服务模式发生重大变化。如处理用户信息的目的、处理的用户信息类型、用户信息的使用方式等；
      </li>
      <li>
        我们在所有权结构、组织架构等方面发生重大变化。如业务调整、破产并购等引起的所有者变更等；
      </li>
      <li>用户信息共享、转让或公开披露的主要对象发生变化；</li>
      <li>您参与用户信息处理方面的权利及其行使方式发生重大变化；</li>
      <li>我们负责处理用户信息安全的责任部门、联络方式及投诉渠道发生变化时；</li>
      <li>用户信息安全影响评估报告表明存在高风险时，我们还会将本政策的旧版本存档，供您查阅。</li>
    </ul>
  </div>
</template>

<script lang="ts" setup></script>

<style scoped>
/**
 * prism.js Github theme based on GitHub's theme.
 * @author Sam Clarke
 */
code[class*='language-'],
pre[class*='language-'] {
  color: #333;
  background: none;
  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.4;

  -moz-tab-size: 8;
  -o-tab-size: 8;
  tab-size: 8;

  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */
pre[class*='language-'] {
  padding: 0.8em;
  overflow: auto;
  /* border: 1px solid #ddd; */
  border-radius: 3px;
  /* background: #fff; */
  background: #f5f5f5;
}

/* Inline code */
:not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
  background: #f5f5f5;
}

.token.comment,
.token.blockquote {
  color: #969896;
}

.token.cdata {
  color: #183691;
}

.token.doctype,
.token.punctuation,
.token.variable,
.token.macro.property {
  color: #333;
}

.token.operator,
.token.important,
.token.keyword,
.token.rule,
.token.builtin {
  color: #a71d5d;
}

.token.string,
.token.url,
.token.regex,
.token.attr-value {
  color: #183691;
}

.token.property,
.token.number,
.token.boolean,
.token.entity,
.token.atrule,
.token.constant,
.token.symbol,
.token.command,
.token.code {
  color: #0086b3;
}

.token.tag,
.token.selector,
.token.prolog {
  color: #63a35c;
}

.token.function,
.token.namespace,
.token.pseudo-element,
.token.class,
.token.class-name,
.token.pseudo-class,
.token.id,
.token.url-reference .token.variable,
.token.attr-name {
  color: #795da3;
}

.token.entity {
  cursor: help;
}

.token.title,
.token.title .token.punctuation {
  font-weight: bold;
  color: #1d3e81;
}

.token.list {
  color: #ed6a43;
}

.token.inserted {
  background-color: #eaffea;
  color: #55a532;
}

.token.deleted {
  background-color: #ffecec;
  color: #bd2c00;
}

.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

/* JSON */
.language-json .token.property {
  color: #183691;
}

.language-markup .token.tag .token.punctuation {
  color: #333;
}

/* CSS */
code.language-css,
.language-css .token.function {
  color: #0086b3;
}

/* YAML */
.language-yaml .token.atrule {
  color: #63a35c;
}

code.language-yaml {
  color: #183691;
}

/* Ruby */
.language-ruby .token.function {
  color: #333;
}

/* Markdown */
.language-markdown .token.url {
  color: #795da3;
}

/* Makefile */
.language-makefile .token.symbol {
  color: #795da3;
}

.language-makefile .token.variable {
  color: #183691;
}

.language-makefile .token.builtin {
  color: #0086b3;
}

/* Bash */
.language-bash .token.keyword {
  color: #0086b3;
}

/* highlight */
pre[data-line] {
  position: relative;
  padding: 1em 0 1em 3em;
}
pre[data-line] .line-highlight-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  display: block;
  width: 100%;
}

pre[data-line] .line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  padding: inherit 0;
  margin-top: 1em;
  background: hsla(24, 20%, 50%, 0.08);
  background: linear-gradient(to right, hsla(24, 20%, 50%, 0.1) 70%, hsla(24, 20%, 50%, 0));
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
}

pre[data-line] .line-highlight:before,
pre[data-line] .line-highlight[data-end]:after {
  content: attr(data-start);
  position: absolute;
  top: 0.4em;
  left: 0.6em;
  min-width: 1em;
  padding: 0 0.5em;
  background-color: hsla(24, 20%, 50%, 0.4);
  color: hsl(24, 20%, 95%);
  font: bold 65%/1.5 sans-serif;
  text-align: center;
  vertical-align: 0.3em;
  border-radius: 999px;
  text-shadow: none;
  box-shadow: 0 1px white;
}

pre[data-line] .line-highlight[data-end]:after {
  content: attr(data-end);
  top: auto;
  bottom: 0.4em;
}
html body {
  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  overflow: initial;
  box-sizing: border-box;
  word-wrap: break-word;
}
html body > :first-child {
  margin-top: 0;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  line-height: 1.2;
  margin-top: 1em;
  margin-bottom: 16px;
  color: #000;
}
html body h1 {
  font-size: 2.25em;
  font-weight: 300;
  padding-bottom: 0.3em;
}
html body h2 {
  font-size: 1.75em;
  font-weight: 400;
  padding-bottom: 0.3em;
}
html body h3 {
  font-size: 1.5em;
  font-weight: 500;
}
html body h4 {
  font-size: 1.25em;
  font-weight: 600;
}
html body h5 {
  font-size: 1.1em;
  font-weight: 600;
}
html body h6 {
  font-size: 1em;
  font-weight: 600;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5 {
  font-weight: 600;
}
html body h5 {
  font-size: 1em;
}
html body h6 {
  color: #5c5c5c;
}
html body strong {
  color: #000;
}
html body del {
  color: #5c5c5c;
}
html body a:not([href]) {
  color: inherit;
  text-decoration: none;
}
html body a {
  color: #08c;
  text-decoration: none;
}
html body a:hover {
  color: #00a3f5;
  text-decoration: none;
}
html body img {
  max-width: 100%;
}
html body > p {
  margin-top: 0;
  margin-bottom: 16px;
  word-wrap: break-word;
}
html body > ul,
html body > ol {
  margin-bottom: 16px;
}
html body ul,
html body ol {
  padding-left: 2em;
}
html body ul.no-list,
html body ol.no-list {
  padding: 0;
  list-style-type: none;
}
html body ul ul,
html body ul ol,
html body ol ol,
html body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
html body li {
  margin-bottom: 0;
}
html body li.task-list-item {
  list-style: none;
}
html body li > p {
  margin-top: 0;
  margin-bottom: 0;
}
html body .task-list-item-checkbox {
  margin: 0 0.2em 0.25em -1.8em;
  vertical-align: middle;
}
html body .task-list-item-checkbox:hover {
  cursor: pointer;
}
html body blockquote {
  margin: 16px 0;
  font-size: inherit;
  padding: 0 15px;
  color: #5c5c5c;
  background-color: #f0f0f0;
  border-left: 4px solid #d6d6d6;
}
html body blockquote > :first-child {
  margin-top: 0;
}
html body blockquote > :last-child {
  margin-bottom: 0;
}
html body hr {
  height: 4px;
  margin: 32px 0;
  background-color: #d6d6d6;
  border: 0 none;
}
html body table {
  margin: 10px 0 15px 0;
  border-collapse: collapse;
  border-spacing: 0;
  display: block;
  width: 100%;
  overflow: auto;
  word-break: normal;
  word-break: keep-all;
}
html body table th {
  font-weight: bold;
  color: #000;
}
html body table td,
html body table th {
  border: 1px solid #d6d6d6;
  padding: 6px 13px;
}
html body dl {
  padding: 0;
}
html body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: bold;
}
html body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}
html body code {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.85em !important;
  color: #000;
  background-color: #f0f0f0;
  border-radius: 3px;
  padding: 0.2em 0;
}
html body code::before,
html body code::after {
  letter-spacing: -0.2em;
  content: '\00a0';
}
html body pre > code {
  padding: 0;
  margin: 0;
  font-size: 0.85em !important;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}
html body .highlight {
  margin-bottom: 16px;
}
html body .highlight pre,
html body pre {
  padding: 1em;
  overflow: auto;
  font-size: 0.85em !important;
  line-height: 1.45;
  border: #d6d6d6;
  border-radius: 3px;
}
html body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}
html body pre code,
html body pre tt {
  display: inline;
  max-width: initial;
  padding: 0;
  margin: 0;
  overflow: initial;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}
html body pre code:before,
html body pre tt:before,
html body pre code:after,
html body pre tt:after {
  content: normal;
}
html body p,
html body blockquote,
html body ul,
html body ol,
html body dl,
html body pre {
  margin-top: 0;
  margin-bottom: 16px;
}
html body kbd {
  color: #000;
  border: 1px solid #d6d6d6;
  border-bottom: 2px solid #c7c7c7;
  padding: 2px 4px;
  background-color: #f0f0f0;
  border-radius: 3px;
}
@media print {
  html body {
    background-color: #fff;
  }
  html body h1,
  html body h2,
  html body h3,
  html body h4,
  html body h5,
  html body h6 {
    color: #000;
    page-break-after: avoid;
  }
  html body blockquote {
    color: #5c5c5c;
  }
  html body pre {
    page-break-inside: avoid;
  }
  html body table {
    display: table;
  }
  html body img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  html body pre,
  html body code {
    word-wrap: break-word;
    white-space: pre;
  }
}
.markdown-preview {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.markdown-preview .pagebreak,
.markdown-preview .newpage {
  page-break-before: always;
}
.markdown-preview pre.line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
}
.markdown-preview pre.line-numbers > code {
  position: relative;
}
.markdown-preview pre.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 1em;
  font-size: 100%;
  left: 0;
  width: 3em;
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.markdown-preview pre.line-numbers .line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber;
}
.markdown-preview pre.line-numbers .line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}
.markdown-preview .mathjax-exps .MathJax_Display {
  text-align: center !important;
}
.markdown-preview:not([for='preview']) .code-chunk .btn-group {
  display: none;
}
.markdown-preview:not([for='preview']) .code-chunk .status {
  display: none;
}
.markdown-preview:not([for='preview']) .code-chunk .output-div {
  margin-bottom: 16px;
}
.scrollbar-style::-webkit-scrollbar {
  width: 8px;
}
.scrollbar-style::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}
.scrollbar-style::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(150, 150, 150, 0.66);
  border: 4px solid rgba(150, 150, 150, 0.66);
  background-clip: content-box;
}
html body[for='html-export']:not([data-presentation-mode]) {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  overflow: auto;
}
html body[for='html-export']:not([data-presentation-mode]) .markdown-preview {
  position: relative;
  top: 0;
}
@media screen and (min-width: 914px) {
  html body[for='html-export']:not([data-presentation-mode]) .markdown-preview {
    padding: 2em calc(50% - 457px + 2em);
  }
}
@media screen and (max-width: 914px) {
  html body[for='html-export']:not([data-presentation-mode]) .markdown-preview {
    padding: 2em;
  }
}
@media screen and (max-width: 450px) {
  html body[for='html-export']:not([data-presentation-mode]) .markdown-preview {
    font-size: 14px !important;
    padding: 1em;
  }
}
@media print {
  html body[for='html-export']:not([data-presentation-mode]) #sidebar-toc-btn {
    display: none;
  }
}
html body[for='html-export']:not([data-presentation-mode]) #sidebar-toc-btn {
  position: fixed;
  bottom: 8px;
  left: 8px;
  font-size: 28px;
  cursor: pointer;
  color: inherit;
  z-index: 99;
  width: 32px;
  text-align: center;
  opacity: 0.4;
}
html body[for='html-export']:not([data-presentation-mode])[html-show-sidebar-toc] #sidebar-toc-btn {
  opacity: 1;
}
html body[for='html-export']:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc {
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  padding: 32px 0 48px 0;
  font-size: 14px;
  box-shadow: 0 0 4px rgba(150, 150, 150, 0.33);
  box-sizing: border-box;
  overflow: auto;
  background-color: inherit;
}
html
  body[for='html-export']:not([data-presentation-mode])[html-show-sidebar-toc]
  .md-sidebar-toc::-webkit-scrollbar {
  width: 8px;
}
html
  body[for='html-export']:not([data-presentation-mode])[html-show-sidebar-toc]
  .md-sidebar-toc::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}
html
  body[for='html-export']:not([data-presentation-mode])[html-show-sidebar-toc]
  .md-sidebar-toc::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(150, 150, 150, 0.66);
  border: 4px solid rgba(150, 150, 150, 0.66);
  background-clip: content-box;
}
html
  body[for='html-export']:not([data-presentation-mode])[html-show-sidebar-toc]
  .md-sidebar-toc
  a {
  text-decoration: none;
}
html
  body[for='html-export']:not([data-presentation-mode])[html-show-sidebar-toc]
  .md-sidebar-toc
  ul {
  padding: 0 1.6em;
  margin-top: 0.8em;
}
html
  body[for='html-export']:not([data-presentation-mode])[html-show-sidebar-toc]
  .md-sidebar-toc
  li {
  margin-bottom: 0.8em;
}
html
  body[for='html-export']:not([data-presentation-mode])[html-show-sidebar-toc]
  .md-sidebar-toc
  ul {
  list-style-type: none;
}
html
  body[for='html-export']:not([data-presentation-mode])[html-show-sidebar-toc]
  .markdown-preview {
  left: 300px;
  width: calc(100% - 300px);
  padding: 2em calc(50% - 457px - 150px);
  margin: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1274px) {
  html
    body[for='html-export']:not([data-presentation-mode])[html-show-sidebar-toc]
    .markdown-preview {
    padding: 2em;
  }
}
@media screen and (max-width: 450px) {
  html
    body[for='html-export']:not([data-presentation-mode])[html-show-sidebar-toc]
    .markdown-preview {
    width: 100%;
  }
}
html
  body[for='html-export']:not([data-presentation-mode]):not([html-show-sidebar-toc])
  .markdown-preview {
  left: 50%;
  transform: translateX(-50%);
}
html
  body[for='html-export']:not([data-presentation-mode]):not([html-show-sidebar-toc])
  .md-sidebar-toc {
  display: none;
}
/* Please visit the URL below for more information: */
/*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */
</style>
